<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
<!--  <meta http-equiv="X-UA-Compatible" content="IE=edge">-->
<!--  <meta name="viewport" content="width=device-width, initial-scale=1.0">-->
  <title>Coco 助农驿站注册</title>
<!--  <script src="js/jquery.min.js"></script>-->
</head>
<style>
    body {
  font-family: Arial, sans-serif;
background: url(images/bg9.jpg);
}

h2 {
  margin-bottom: 20px;
  text-align: center;
}

form {
  display: flex;
  flex-direction: column;
  align-items: center;
}

label {
  margin-bottom: 5px;
}

input {
  padding: 5px;
  margin-bottom: 10px;
  width: 200px;
}

input[type="submit"] {
  background-color: #4CAF50;
  color: white;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
}

</style>

<body>

  <h2>Coco UserRegister</h2>
<!--    <div class="login-container">-->
<!--      &lt;!&ndash; 中间的注册框 &ndash;&gt;-->
<!--      <div class="login-dialog">-->
<!--        <h3>注册</h3>-->
<!--        <div class="row">-->
<!--          <span>用户名</span>-->
<!--          <input type="text" id="userid">-->
<!--        </div>-->
<!--        <div class="row">-->
<!--          <span>密码</span>-->
<!--          <input type="password" id="userpassword">-->
<!--        </div>-->
<!--        <div class="row">-->
<!--          <span>确认密码</span>-->
<!--          <input type="password" id="password2">-->
<!--        </div>-->
<!--        <div class="row">-->
<!--          <button id="submit" onclick="mysub()">提交</button>-->
<!--        </div>-->
<!--      </div>-->
<!--</div>-->


  <form action="register" method="post">
<!--    <label for="userid">新用户名：</label><br>-->
<!--    <input type="text" name="userid" placeholder="请输入注册用户名"><br>-->
<!--    <label for="userid">新密码：</label><br>-->
<!--    <input type="password" name="userpassword" placeholder="请输入注册密码"><br>-->
    user：<input type="text" name="userid"> <br><br>
    password：<input type="text" name="userpassword"> <br><br>
      new password：<input type="text" name="password2" id="password2"> <br><br>
    <input type="submit"  value="register">
  </form>

</body>
<script>
    function mysub() {
        // 1.非空效验
        var userid = jQuery("#userid");
        var userpassword = jQuery("#userpassword");
        var password2 = jQuery("#password2");
        if (userid.val() == "") {
            alert("请先输入用户id！");
            userid.focus();
            return false;
        }
        if (userpassword.val() == "") {
            alert("请先输入密码！");
            userpassword.focus();
            return false;
        }
        if (password2.val() == "") {
            alert("请先输入确认密码！");
            password2.focus();
            return false;
        }
        if (userpassword.val() != password2.val()) {
            alert("两次密码输入不一致，请先检查！");
            userpassword.focus();
            return false;
        }
    }
</script>
<!--<script>-->
<!--  function mysub() {-->
<!--    // 1.非空效验-->
<!--    var userid = jQuery("#userid");-->
<!--    var userpassword = jQuery("#userpassword");-->
<!--    var password2 = jQuery("#password2");-->
<!--    if (userid.val() == "") {-->
<!--      alert("请先输入用户id！");-->
<!--      userid.focus();-->
<!--      return false;-->
<!--    }-->
<!--    if (userpassword.val() == "") {-->
<!--      alert("请先输入密码！");-->
<!--      userpassword.focus();-->
<!--      return false;-->
<!--    }-->
<!--    if (password2.val() == "") {-->
<!--      alert("请先输入确认密码！");-->
<!--      password2.focus();-->
<!--      return false;-->
<!--    }-->
<!--    if (userpassword.val() != password2.val()) {-->
<!--      alert("两次密码输入不一致，请先检查！");-->
<!--      userpassword.focus();-->
<!--      return false;-->
<!--    }-->
<!--    // 2.发送 Ajax 给后端-->
<!--    jQuery.ajax({-->
<!--      url: "/register",-->
<!--      type: "POST",-->
<!--      data: {-->
<!--        userid: userid.val(),-->
<!--        userpassword: userpassword.val()-->
<!--      },-->
<!--      success: function (result) {-->
<!--        if (result.code == 200 && result.data == 1) {-->
<!--          alert("恭喜，注册成功！");-->
<!--          if (confirm("是否现在就去登录？")) {-->
<!--            location.href = "login.html";-->
<!--          }-->
<!--        } else {-->
<!--          alert("抱歉，注册失败,请重试！");-->
<!--        }-->
<!--      }-->
<!--    })-->
<!--  }-->
<!--</script>-->

</html>